<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="shortcut icon" href="favicon.ico">
<link href="${path }/static/css/bootstrap.min14ed.css?v=3.3.6"
	rel="stylesheet">
<link href="${path }/static/css/font-awesome.min93e3.css?v=4.4.0"
	rel="stylesheet">
<link href="${path }/static/css/animate.min.css" rel="stylesheet">
<link href="${path }/static/css/style.min862f.css?v=4.1.0"
	rel="stylesheet">
<script type="text/javascript">
	var msg = '${msg}'
	if (msg != null && msg != '') {
		alert(msg);
	}
</script>
<script type="text/javascript">
	var msa = '${msa}'
	if (msa != null && msa != '') {
		alert(msa);
	}
</script>
    <style type="text/css">
    body{background:#c9daf8;}
    </style>
</head>
<body class="gray-bg top-navigation" style="background:#ffcc66;" >
	<div class="row">
		<div class="col-lg-12">
			<div class="ibox float-e-margins">
				<div class="ibox-content">

					<div class='row'>
						<form action="${path }/DoLike">
						
							<div class="input-group col-sm-3" style="float:left">
								<input type="text" name="mohu" placeholder="搜索"
									class="input-sm form-control" style="width:300px"> 
									<span class="input-group-btn">
									<button type="submit" class="btn btn-sm btn-primary
									" style="width:100px ; margin-right:100px;" >搜索</button>
								</span>
							</div>
							<div class="col-sm-3">
								<div class="row-fluid">
									<div class="span12">
										<button class="btn" type="button">
											<a href="${path }/ToInsert?id=${sta.id }">增加用户</a>
										</button>
										<button class="btn"><a href="${path }/text">返回首页</a></button>
									</div>
								</div>
							</div>
							
							
							
						</form>
					</div>
				</div>
				<div class="table-responsive">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>id</th>
								<th>收入/支出</th>
								<th>金额</th>
								<th>日期</th>
								<th>家庭</th>
								<th>家庭成员</th>
								<th>删除</th>
								<th>修改</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach items="${list }" var="sta">
								<tr>
									<td>${sta.id }</td>
									<td>${sta.statue }</td>
									<td>${sta.money }</td>
									<td>${sta.date }</td>
									<td>${fmap[sta.family_id] }</td>
									<td>${mmap[sta.member_id] }</td>
									<td><a href="${path }/DoDelete?id=${sta.id }">删除</a></td>
									<td><a href="${path }/ToUpdata?id=${sta.id }">修改</a></td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
				</div>

			</div>
		</div>
	</div>


	<script src="${path }/static/js/jquery.min.js?v=2.1.4"></script>
	<script src="${path }/static/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="${path }/static/js/content.min.js?v=1.0.0"></script>
	<script src="${path }/static/js/plugins/flot/jquery.flot.js"></script>
	<script
		src="${path }/static/js/plugins/flot/jquery.flot.tooltip.min.js"></script>
	<script src="${path }/static/js/plugins/flot/jquery.flot.resize.js"></script>
	<script
		src="${path }/static/js/plugins/chart${path }/static/js/Chart.min.js"></script>
	<script src="${path }/static/js/plugins/peity/jquery.peity.min.js"></script>
	<script src="${path }/static/js/demo/peity-demo.min.js"></script>
	<script>
		$(document)
				.ready(
						function() {
							var d1 = [ [ 1262304000000, 6 ],
									[ 1264982400000, 3057 ],
									[ 1267401600000, 20434 ],
									[ 1270080000000, 31982 ],
									[ 1272672000000, 26602 ],
									[ 1275350400000, 27826 ],
									[ 1277942400000, 24302 ],
									[ 1280620800000, 24237 ],
									[ 1283299200000, 21004 ],
									[ 1285891200000, 12144 ],
									[ 1288569600000, 10577 ],
									[ 1291161600000, 10295 ] ];
							var d2 = [ [ 1262304000000, 5 ],
									[ 1264982400000, 200 ],
									[ 1267401600000, 1605 ],
									[ 1270080000000, 6129 ],
									[ 1272672000000, 11643 ],
									[ 1275350400000, 19055 ],
									[ 1277942400000, 30062 ],
									[ 1280620800000, 39197 ],
									[ 1283299200000, 37000 ],
									[ 1285891200000, 27000 ],
									[ 1288569600000, 21000 ],
									[ 1291161600000, 17000 ] ];
							var data1 = [ {
								label : "数据1",
								data : d1,
								color : "#17a084"
							}, {
								label : "数据2",
								data : d2,
								color : "#127e68"
							} ];
							$.plot($("#flot-chart1"), data1, {
								xaxis : {
									tickDecimals : 0
								},
								series : {
									lines : {
										show : true,
										fill : true,
										fillColor : {
											colors : [ {
												opacity : 1
											}, {
												opacity : 1
											} ]
										},
									},
									points : {
										width : 0.1,
										show : false
									},
								},
								grid : {
									show : false,
									borderWidth : 0
								},
								legend : {
									show : false,
								}
							});
							var lineData = {
								labels : [ "一月", "二月", "三月", "四月", "五月", "六月",
										"七月" ],
								datasets : [
										{
											label : "示例数据",
											fillColor : "rgba(220,220,220,0.5)",
											strokeColor : "rgba(220,220,220,1)",
											pointColor : "rgba(220,220,220,1)",
											pointStrokeColor : "#fff",
											pointHighlightFill : "#fff",
											pointHighlightStroke : "rgba(220,220,220,1)",
											data : [ 65, 59, 40, 51, 36, 25, 40 ]
										},
										{
											label : "示例数据",
											fillColor : "rgba(26,179,148,0.5)",
											strokeColor : "rgba(26,179,148,0.7)",
											pointColor : "rgba(26,179,148,1)",
											pointStrokeColor : "#fff",
											pointHighlightFill : "#fff",
											pointHighlightStroke : "rgba(26,179,148,1)",
											data : [ 48, 48, 60, 39, 56, 37, 30 ]
										} ]
							};
							var lineOptions = {
								scaleShowGridLines : true,
								scaleGridLineColor : "rgba(0,0,0,.05)",
								scaleGridLineWidth : 1,
								bezierCurve : true,
								bezierCurveTension : 0.4,
								pointDot : true,
								pointDotRadius : 4,
								pointDotStrokeWidth : 1,
								pointHitDetectionRadius : 20,
								datasetStroke : true,
								datasetStrokeWidth : 2,
								datasetFill : true,
								responsive : true,
							};
							var ctx = document.getElementById("lineChart")
									.getContext("2d");
							var myNewChart = new Chart(ctx).Line(lineData,
									lineOptions)
						});
	</script>
	<script type="text/javascript"
		src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/index_v5.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:18:52 GMT -->
</html>
